<style>
    .btn-o{
        display: inline-block;
        width: 38px;
        height: 4px;
        margin-right: 5px;
        position: relative;
        top:-5px;
    }
    .hid{
        display: none;
    }
    .err-box{
        background: #ffffcc;
        text-indent: 10px;
    }
</style>
<template>
    <div class="model-box margin-auto form-group setwidth login">
        <h4 class="h-group"><i>重置密码</i></h4>
        <div class="input-group err-box">{{showerr}}</div>
        <input class="input-group" placeholder="新密码" type="password">
        <p class="text-min marggin-bt">密码长度为8~30个字符，需要包含字母和数字</p>
        <p><span v-for="it in btnlist" track-by="$index" class="btn-o" v-bind:class="{app_color_c_back:it==0,app_color_r_back:it==1,app_color_y_back:it==2,app_color_g_back:it==3}"></span></p>
        <input class="input-group" placeholder="确认密码" type="password">
        <p class="clear-fix text-min"><i class="margin-r-5 check selected iconfont icon-duihao"></i><span>下次自动登录</span> <a href="" class="rig">忘记密码了？</a></p>
        <button class="btn btn-b margin-bt margin-t" style="margin-top: 40px">确定</button>
        <p class="text-min text-center margin-t"><a href="">返回登录</a></p>
    </div>
</template>
<script>
    module.exports = {
        data: function() {
            return {
                btnlist:[1,1,1],
                showerr:'请输入密码'
            }
        },
        methods: {

        },
        ready: function() {
        }
    };

</script>